<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <textarea name="" id=""></textarea>
    <button>发布</button>
    <span></span>
    <script>
        //修饰符约束正则执行的细节，是否区分大小写，多行匹配
        // 语：/表达式/修饰符
        // i 不区分字符大小写
        // g 匹配所有满足规则的
        // replace 替换 语：字符串.replace(/正则表达式/,'替换的文本')
        const reg = /java/;
        const str = 'java是否考虑是否了来说就是看到JAVA';
        console.log(/java/i.test(str));
        console.log(/java/g.test(str));
        console.log(/java/ig.test(str));
        console.log(str.replace(/java/ig, 'javascript'));
        // 过滤敏感词
        //设置规则
        //replace 替换敏感词
        const text = document.querySelector('textarea');
        const but = text.nextElementSibling;
        const span = but.nextElementSibling;
        console.log(but);
        console.log(span);
        const regs = /激情|基情/;
        but.addEventListener('click', function () {
            //拿textarea文本域的value值
            console.log(text.value);
            console.log(text.innerHTML);

            //替换里面的敏感词
            span.innerHTML = text.value.replace(/激情|基情/, '**');
            text.value = '';
        })
    </script>
</body>

</html>